@charset "utf-8";.banner {background:#000;margin:0 auto;position:relative;}
.banner .bd {position:relative;z-index:0;}
.banner .bd li img {width:100%;vertical-align:top;}
.banner .hd {position:absolute;bottom:5%;width:100%;height:14px;z-index:1;}
.banner .hd ul {width:90%;margin:0 auto;text-align:center;}
.banner .hd ul li {display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:0 3px;/*border-radius:50%;*/ background:#fff;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.banner .hd ul .on {background:#CC3333;}
.line-box{position: static;width: 50px;height: 25px;left: 50%;margin-left: -26px;margin-top: -1px;z-index: 25;margin-bottom: -25px;clear: both;z-index:999;}
.diamond{position: static; width: 100%;overflow: visible;} 
.line-inner{overflow: hidden; height: auto;width: 100%;  position: absolute;}
.line-box-con{position: absolute; left: 50%;width: 50px; height: 50px;-webkit-transform: translateX(-50%) rotate(45deg);transform: translateX(-50%) rotate(45deg);top: -39px;}
 
.aboutus {height:auto;margin:0px auto;height:auto;}
.aboutus-inner{top:100px; overflow:hidden; position:relative;filter:alpha(opacity=0);-moz-opacity:0;	-khtml-opacity:0;	opacity:0;}
.aboutus .aboutus-img-box {width:38.2%;float:left;background:url(../images/about.jpg) center top no-repeat  rgb(235,235,235);background-size:100% 100%;height:416px;}
.aboutus .aboutus-img-box img {margin:80px 0 0 0;width:60%;height:245px;border:solid 1px #fff;float:right;box-shadow:0 0 10px #111;}
.aboutus .about-con {width:61.8%;float:left;background:#288ADD;height:416px;}
.aboutus .about-con .inner {width:82.8%;height:245px;margin:80px 0 0 0;float:left;background:#fff;border:solid 1px #fff;box-shadow:0 0 10px #111;}
.aboutus .about-con .inner .con {padding:20px 20px 20px 30px;overflow:hidden;}
.aboutus .about-con .inner .con .tlt {width:100%;}
.aboutus .about-con .inner .con .tlt .tlt-h {width:150px;font-weight:400;margin:5px 10px 20px 0;border-right:solid 2px #333;height:32px;line-height:32px;float:left;letter-spacing:0.1em;}
.aboutus .about-con .inner .con  .tlt .tlt-en {font-weight:100;font-size:20px;text-transform:Uppercase;margin:12px 0 0 10px;float:left;color:#333;}
.aboutus .about-con .inner .con p {color:#333;line-height:18px;width:100%;}
@media screen and (max-width:768px) {.ser-can .w98 .ser,.ser-can .w98  .can,.aboutus .aboutus-img-box,.ser-can .link,.aboutus .about-con {width:98%;height:auto;margin:5px 1%}
.ser-can .link a {font-size:12px;color:#333;}
.aboutus .aboutus-img-box img {margin:80px  10%;width:80%;height:auto;float:none;}
.aboutus .about-con .inner {width:94%;height:auto;margin:30px 3%;float:none;}
}
.products {background:#fff;padding:30px 0 20px 0;height:auto;}
.pro-inner{top:100px; overflow:hidden; position:relative;filter:alpha(opacity=0);-moz-opacity:0;	-khtml-opacity:0;	opacity:0;}
.h-tlt {width:20%;} 
.h-tlt .h-tlt-inner {line-height:55px;}
.h-tlt .h-tlt-inner h1 {font-size:30px;font-weight:400;margin:0;padding-left:25px;}
.h-tlt .h-tlt-inner .tlt-en {font-weight:100;font-size:16px;text-transform:Uppercase;margin:0px;color:#333;line-height:20px;} 
.tlt-ad {width:40%;margin:10px auto;color:#000;float:left;padding:0px 0 0 25px;}
/* Tab切换 */
.ProductsBox {float:right;width:100%;height:auto;overflow:hidden;padding:10px;}
.ProductsBox .hd {width:78%;padding:0 1%;font-size:14px;margin:auto;height:55px;line-height:55px;background:#fff;}
.ProductsBox .hd ul {overflow:hidden;zoom:1;}
.ProductsBox .hd ul li {width:calc(12.5% - 1px);float:left;text-align:center;margin-left: 1px;}
.ProductsBox .hd ul li a {display:block;padding:0 5px;background:#333;color:#ccc;}
.ProductsBox .hd ul li a:hover {text-decoration:none;}
.ProductsBox .hd ul li.on a {background:#288ADD;color:#fff;font-weight:bold;}
.ProductsBox .bd {padding:10px;height:auto;}
.pro-list {width:100%;overflow:hidden;position:relative;}
.pro-list li {width:24%;margin:10px 0.5%;float:left;transition: ease-in-out .5s;}
.pro-list li img {width:100%;height:auto;border-bottom:1px solid #fff;}
.pro-list li figcaption {margin:5px auto;padding:10px  2.5%;width:95%;height:auto;}
.pro-list li figcaption h3 ,.pro-list li figcaption h4 {height:31px;line-height:25px;} 
.pro-list li figcaption h3 a,.pro-list li figcaption h4 a {text-align:center;color:#000;font-size:16px;padding-bottom:5px;border-bottom:1px solid #288ADD;}
.pro-list li figcaption p{height:36px;line-height:18px;overflow:hidden;margin:5px auto;color:#000;font-size:13px;} 
.pro-list li figcaption a.more {float:right;border:1px solid #ed1b23;color:#ed1b23;display:block;font-size:12px;margin:10px auto;width:80px;text-align:center;line-height:20px;}
.pro-list li:hover {background:#288ADD;}
.pro-list li:hover a{color:#fff;}
.pro-list li:hover a.more {border:1px solid #fff;color:#fff;}
.pro-list li:hover h4 a {border-bottom:1px solid #fff;}
.pro-list li:hover figcaption p{color:#fff;} 
 

.honor {width:100%;height:auto;padding:60px 0;overflow:hidden;background:#f3f3f3}
 
.honor-li-inner ul {margin:40px auto;}
.honor-li-list {margin-top:50px;overflow:hidden;width:100%;height:auto;}
.honor-li-list li {width:24%;margin:10px 0.5%;float:left;}
.honor-li-list li  img {width:100%;height:auto;}
.honor .honor-inner li  h5 a{line-height:30px;margin:1px 0 5px;background:#6699cc;text-align:center;color:#fff;transition: ease-in-out .5s;}
.honor .honor-inner li:hover h5 a{background:#333;}

.c_case{width:100%;height:auto;padding:60px 0;overflow:hidden;} 
.case-li-inner ul {margin:40px auto;}
.case-li-list {margin-top:50px;overflow:hidden;width:100%;height:auto;}
.case-li-list li {width:25%;margin:10px 0;float:left;text-align:center;-webkit-perspective: 600px;-moz-perspective: 600px;perspective: 600px;display:none;}
.case-li-list li  img {width:100%;height:auto;}
.case-con{ width:100%; float:left;  height:auto; overflow:hidden; position:relative;}
.case-li-list li  .case-img{transition: all 0.5s linear;}
.case-li-list li:hover .case-img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);  -o-transform: scale(1.1);}
.case-li-list .bwlanrenzhijia{position:relative;display:block;}
@media screen and (max-width:768px) {.banner {margin-top:70px;}
.aboutus-inner .about-con-768 {display:block;color:#fff;width:80%;height:580px;background:#CC3333;margin:20px 5%;padding:10px 5%;}
.products {margin:40px auto;}
.products li ,.honor-li-list li {width:48%;margin:10px 1%;float:left;}
.ProductsBox {float:none;padding:0px;}
.ProductsBox .hd {width:96%;min-width:96%;padding:0 2%;font-size:14px;margin:auto;height:auto;line-height:52px;}
.ProductsBox .hd ul li {width:47%;margin:5px 1.5%;float:left;text-align:center;}
.case-li-list li {width:50%;margin:15px 0;float:left;text-align:center;}
}
.news {padding:40px 0 10px 0;position:relative;}
.NewsBox {float:right;width:100%;height:auto;overflow:hidden;padding:10px;}
.NewsBox .hd {width:40%;min-width:438px;padding:0 15px;font-size:14px;margin:auto;height:52px;line-height:52px;}
.NewsBox .hd ul {overflow:hidden;zoom:1;}
.NewsBox .hd ul li {width:23.333333%;margin:0 5%;float:left;text-align:center;}
.NewsBox .hd ul li a {display:block;padding:0 15px;background:#fff;border-radius:10px;border:solid 1px #333;}
.NewsBox .hd ul li a:hover {background:#39A4DC;text-decoration:none;border:solid 1px #39A4DC;border-radius:10px;}
.NewsBox .hd ul li.on a {background:#39A4DC;color:#fff;font-weight:bold;border:solid 1px #39A4DC;border-radius:10px;}
.NewsBox .bd {padding:10px;height:auto;margin:30px auto;}
.news-inner {margin:20px 0;height:375px}
.news-inner .pic-news .data{width:63px;border-right: solid 1px  #39A4DC;text-align:center;float:left;}
.news-inner .pic-news  .data .day{font-size:50px;font-weight:700;padding:5px 0 0 0;line-height:45px;}
.news-inner .pic-news  .data .yy-mm{font-size:14px;font-weight:200;line-height:20px;}
.news-inner .pic-news  .con{width:400px;float:left;margin:5px 0 0 15px;}
.news-inner .pic-news  .con .tlt{font-size:16px;font-weight:500;line-height:20px;height:20px;overflow:hidden;}
.news-inner .pic-news  .con p{font-size:12px;line-height:16px;height:32px;overflow:hidden;}
.news-inner .pic-news {width:44.75%;height:auto;float:left;position:relative;}
.news-inner .pic-news img {width:100%;height:auto;}
.news-inner .pic-news .figcaption {display:block;padding:5px 10px;position:absolute;left:0;bottom:0px;box-sizing:border-box;width:100%;height:80px;background:url(../images/pic_bg.png) repeat left top;}

.news-inner .pic-news  a {color:#fff;}
.newslist a {color:#288ADD;}
.news-inner .newslist  a:hover {color:#ed1b23;}
.news-inner .newslist {width:auto;max-width:600px;float:right;margin:0 0 0 30px;}
.news-inner .newslist li {width:100%;height:115px;float:left;overflow:hidden;margin:0 0 10px 0;border-bottom:solid 1px #ddd;}
.news-inner .newslist li img {width:auto;height:80%;float:left;padding:5px 0;}
.news-inner .newslist li .figcaption {float:left;max-width:70%;margin:0 0 0 20px;}
.news-inner .newslist li .figcaption h4{height:25px; line-height:25px;overflow:hidden;}
.news-inner .newslist li .figcaption p {line-height:15px;height:45px;overflow:hidden;color:#171717;font-size:.8em;}
@media screen and (max-width:1100px) {
.news-inner .pic-news  .con{width:300px;}
.news-inner .pic-news img {width:100%;height:auto;}
.news-inner .newslist {width:52%;max-width:700px;float:left;margin:0 0 0 2%;}
.news-inner {margin:20px 0;height:270px}
.news-inner .newslist li {width:100%;height:90px;float:left;overflow:hidden;margin:0 0 5px 0;border-bottom:solid 1px #ddd;}
}
@media screen and (max-width:1024px) {.news-inner .pic-news  .con{width:280px;}}
@media screen and (max-width:768px) {
.NewsBox {float:right;width:100%;height:auto;overflow:hidden;padding:0px;}
.NewsBox .hd {width:96%;min-width:96%;padding:0;margin:0 2%;}
.NewsBox .hd ul li {width:29.333333%;margin:0 2%;float:left;text-align:center;}.news-inner .pic-news {width:40%;height:auto;float:left;position:relative;left:0;}
	.news-inner .pic-news  .con{width:180px;}
	.news-inner .newslist li:nth-child(3){display:none;}
	.news-inner .newslist li .figcaption {float:right;max-width:60%;font-size:.6em;margin:0 0 0 10px;}
	}
@media screen and (max-width:720px) {	.news-inner .pic-news  .con{width:160px;}}	
@media screen and (max-width:640px) {.newslist a {color:#CC3333;height:28px;overflow:hidden;}
.news-inner .pic-news {width:80%;height:auto;float:none;margin:10px 10%;}
.news-inner .newslist {width:80%;max-width:700px;float:left;margin:0 10%;}
	.news-inner .pic-news  .con{width:70%;}
		.news-inner .newslist li:nth-child(3){display:block;}
.news-inner .newslist li .figcaption {float:right;max-width:60%;font-size:.6em}
}
@media screen and (max-width:480px) {.newslist a {color:#CC3333;height:28px;overflow:hidden;}
.news-inner .pic-news {width:80%;height:auto;float:none;margin:10px 10%;}
.news-inner .newslist {width:80%;max-width:700px;float:left;margin:0 10%;}
.news-inner .newslist li .figcaption  {float:right;max-width:50%;font-size:.6em}
	.news-inner .pic-news  .con{width:60%;} 
}